<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">安全操作规程告知书</h3>

			<div class="text-indent">1、电焊工必须进行安全技术培训，考试合格并取得操作资格证后，方可上岗作业。</div>
			<div class="text-indent">2、作业前必须按标准穿戴好劳动防护用品，检查电焊机内部有无金属障碍、接头是否牢固；检查设备、工具的绝缘层有无破损、接地线是否完好；在禁火区内进行焊割前，必须经安监部门审批许可后，方可作业。</div>
			<div class="text-indent">3、搬运焊机、检修焊机、更换保险丝、改变极性等必须切断电源才能进行。</div>
			<div class="text-indent">4、安装、检修焊机或更换保险丝等应由电工进行，焊工不得擅自操作。</div>
			<div class="text-indent">5、在焊接作业场地l0m范围内，不得有易燃易爆物品及油漆未干的物品，焊接过程中要注意防爆、防火。</div>
			<div class="text-indent">6、焊工的手或身体的某一部分不能接触导电体，在潮湿地点操作时，必须站在干燥的绝缘物上，穿绝缘鞋。</div>
			<div class="text-indent">7、焊机到焊钳绝缘导线长度不超过50米，并且是绝缘良好的橡皮线，接头处必须用胶布包缠。</div>
			<div class="text-indent">8、推、拉电源闸刀时，要戴绝缘手套，站在闸刀侧面，用左手推闸，动作要快，以防电弧火花灼伤脸部，同时右手不准接触电焊机外壳或其它金属部件上，在修理焊接和检修线路时，要切断电源，并在闸刀处挂上“禁止合闸”的警示牌。</div>
			<div class="text-indent">9、密闭容器及舱室内焊接要设监护人和通风装置，使用的行灯电压不得高于12V。</div>
			<div class="text-indent">10、在容器内工作时，必须由二人轮换工作（每小时应到容器外休息5～10分钟）一人在容器中焊接，另一人在外监视容器内焊工情况，如果发生事故应及时抢救。 </div>
			<div class="text-indent">11、不准赤手更换电焊条，以免接触焊钳带电部分；焊条头不准乱扔，收集到指定地点。</div>
			<div class="text-indent">12、交流电焊机所采用的二次电压不得大于80V，直流电焊机不得大于90V。</div>
			<div class="text-indent">13、直流电焊机必须装有磁力起动器。</div>
			<div class="text-indent">14、在起吊部件过程中，严禁边焊边吊，严禁在带电部件上焊接。</div>
			<div class="text-indent">15、禁止在高压的封闭容器（锅炉、高压蒸汽管、空气管道）上焊接。</div>
			<div class="text-indent">16、在工作点周围，防止电焊机线路与高压电线交叉，电焊机的一二次线禁止混在一起。</div>
			<div class="text-indent">17、高、低压线路应划分明确，一次线需由电工负责接线，二次线由焊工负责。</div>
			<div class="text-indent">18、在露天作业时，如遇恶劣天气，应切断电源停止工作；在岸壁或船舷外侧作业时，要穿救生衣。</div>
			<div class="text-indent">19、与其它工种配合工作时，要防止他人触电和被电弧烧伤。</div>
			<div class="text-indent">20、电弧切割时电流较大，要防止焊机过载发热。</div>
			<div class="text-indent">21、电弧切割时噪声较大，操作者应戴耳塞；电弧切割时烟尘大，操作者应佩戴送风式面罩；作业场地必须采取排烟除尘措施，加强通风。</div>
			<div class="text-indent">22、电弧切割时大量高温液态金属及氧化物从电弧下被吹出，应防止烫伤和火灾。 </div>
			<div class="text-indent">23、工作完后要切断电源，盘好焊把线，盖好焊机防雨罩，处理好余火，并详细检查脚盖手套，以防余火带进工具箱，造成事故；确认安全后方可离开。</div> 
			<div class="text-indent">24、注意施工区域的环境保护。</div>

			

			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('operateForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="operateForm.announcer" class="sign_img" :src="operateForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('operateForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="operateForm.announcerd" class="sign_img" :src="operateForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const operateForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						operateForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return operateForm.value;
					};
					window.setData = (data) => {
						operateForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						operateForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>